<template>
  <div id="order">
    <ul
      v-infinite-scroll="loadMore"
      infinite-scroll-disabled="loading"
      infinite-scroll-distance="10">
      <li v-for="item in orderlist">
          <span>
              <img width="60px" height="100%" src="../../assets/logo.png">
          </span>
        <span height="auto">
            <span>{{item.name}}</span>
            <span>{{item.price}}</span>
          <br>
                      <span>{{item.num}}</span>

          </span>

        <hr>
      </li>
    </ul>
  </div>
</template>

<script>
  export default {
    name: "order",
    data() {
      return {
        orderlist: [
          {
            name: "蛋糕",
            price: "15$",
            num: 15,
            time: "2019.1.16"
          },
          {
            name: "蛋糕",
            price: "15$",
            num: 15,
            time: "2019.1.16"
          },
          {
            name: "蛋糕",
            price: "15$",
            num: 15,
            time: "2019.1.16"
          },
        ]
      }
    }
  }
</script>

<style scoped>

</style>
